<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
  <div class="layer_library">
    <el-tabs v-model="activeName"  @tab-change="handleClick">
      <el-tab-pane label="型材库" name="profileList">
        <ProfileList v-if="activeName === 'profileList'" />
      </el-tab-pane>
      <el-tab-pane label="计算结果" name="computedResult"><ProfileResult v-if="activeName === 'computedResult'" /></el-tab-pane>
    </el-tabs>
  </div>
</template>
  <script setup>
import ProfileList from './component/ProfileList.vue';
import ProfileResult from './component/ProfileResult.vue';

const activeName = ref('profileList');

// 卡片点击事件
const handleClick = (tab) => {
  activeName.value = tab;
};
</script>
  <style lang="scss" scoped>
.layer_library {
  padding: 20px;
  height: calc(100vh - 84px);
  overflow: hidden;
}
</style>
      
